.productmainul {
	height:200px;list-style:none;margin:0;padding:0;border:1px solid red;text-align:center;
}
.productmainul li{
	display:inline-block;float:left;width:350px;height:200px;background-color:blue;
}

.flex-containera {
    display: -webkit-flex;
	display:-moz-flex;
    display: flex;
	flex-wrap:wrap;/*换行*/
	justify-content:space-between;
	align-items: stretch;   /*垂直对齐：顶flex-start，底flex-end，居center，拉伸默认stretch，基线对齐baseline */
	align-content: space-around;  /*对齐弹性线 space-between*/
    width: 100%;
	text-align:center;
	margin:0;
	padding:0;
	font-size:16px;
	margin:0 auto;
}

.flex-itema {
    width: 350px;
    height: 200px;
    margin: 10px;
	font-size:30px;
	font-weight:bold;
	flex-grow:1;
	color:white;
	border-radius:5px;
	/*cursor:pointer;*/
	overflow:hidden;
	background-image: linear-gradient(90deg, rgb(35, 187, 250) 0%, rgb(70, 133, 233) 100%);
}
.flex-itema .show .one { padding-top:60px;font-size:20px;color:#fff;height:200px;text-align:center;}
.flex-itema .show:hover .one{display:none;}
.flex-itema:hover .hover-show{
	font-size:20px;color:#fff;
	text-align:center;
	padding-top:60px;
	height:200px;
    border-radius:5px;
    background: rgba(0, 128, 0, 0.2);/* 30% 不透明度的绿色背景 */
	transition:background-color 0.5s;
}
	.flex-itema .hover-show a{color:#fff;text-decoration: none;}




.ulproduct {   position:relative;   list-style:none;   margin:0;   padding:0;}
.ulproduct .ul-li-1{width:80px;	height:15px;line-height:15px;text-align:center;font-size:10px; list-style:none;  margin:2px;  padding:0;border-radius:5px;}
.ulproduct .ulli-1{	position:absolute;	left:1px;	top:5px;}
.ulproduct .ulli-2{	position:absolute;	left:2px;	top:55px;}
.ulproduct .ulli-3{	position:absolute;	left:52px;	top:55px;}
.ulproduct .ulli-4{	position:absolute;	left:95px;	top:55px;}
.ulproduct .ulli-5{	position:absolute;	left:138px;	top:55px;}
.ulproduct .ulli-6{	position:absolute;	left:180px;	top:55px;}
.ulproduct .ulli-7{	position:absolute;	left:220px;	top:55px;}
.ulproduct .ulli-8{	position:absolute;	left:270px;	top:65px;}
.ulproduct .ulli-9{	position:absolute;	left:310px;	top:-8px;}
.ulproduct .ulli-10{ position:absolute;	left:310px;	top:80px;}
.ulproduct .ulli-11{ position:absolute;	left:370px;	top:-8px;}
.ulproduct .ulli-12{ position:absolute;	left:355px;	top:80px;}
.ulproduct .ulli-13{ position:absolute;	left:400px;	top:80px;}
.ulproduct .ulli-14{ position:absolute;	left:440px;	top:-8px;}
.ulproduct .ulli-15{ position:absolute;	left:440px;	top:80px;}
.ulproduct .ulli-16{ position:absolute;	left:500px;	top:80px;}
.ulproduct .ulli-17{ position:absolute;	left:610px;	top:80px;}
.ulproduct .ulli-18{ position:absolute;	left:690px;	top:-10px;}
.ulproduct .ulli-19{ position:absolute;	left:690px;	top:85px;}
.ulproduct .ulli-20{ position:absolute;	left:760px;	top:5px;}
.ulproduct .ulli-21{ position:absolute;	left:750px;	top:80px;}


.ulproduct-1 {   position:relative;left:0;top:140px;   list-style:none;   margin:0;   padding:0;}
.ulproduct-1 .ul-li-1{width:80px;	height:15px;line-height:15px;text-align:center;font-size:10px; list-style:none;  margin:2px;  padding:0;border-radius:5px;}
.ulproduct-1 .ul-li-1-1{width:80px;	height:15px;line-height:15px;text-align:center;font-size:10px; list-style:none;  margin:2px;  padding:0;border-radius:5px;}
.ulproduct-1 .ulli-1{	position:absolute;	left:4px;	top:5px;}
.ulproduct-1 .ulli-2{	position:absolute;	left:2px;	top:55px;}
.ulproduct-1 .ulli-3{	position:absolute;	left:52px;	top:55px;}
.ulproduct-1 .ulli-4{	position:absolute;	left:95px;	top:55px;}
.ulproduct-1 .ulli-5{	position:absolute;	left:138px;	top:55px;}
.ulproduct-1 .ulli-6{	position:absolute;	left:180px;	top:55px;}
.ulproduct-1 .ulli-7{	position:absolute;	left:220px;	top:55px;}
.ulproduct-1 .ulli-8{	position:absolute;	left:270px;	top:65px;}
.ulproduct-1 .ulli-9{	position:absolute;	left:310px;	top:65px;}
.ulproduct-1 .ulli-10{ position:absolute;	left:355px;	top:85px;}
.ulproduct-1 .ulli-11{ position:absolute;	left:360px;	top:-8px;}
.ulproduct-1 .ulli-12{ position:absolute;	left:395px;	top:85px;}
.ulproduct-1 .ulli-13{ position:absolute;	left:435px;	top:85px;}
.ulproduct-1 .ulli-14{ position:absolute;	left:440px;	top:-8px;}
.ulproduct-1 .ulli-15{ position:absolute;	left:550px;	top:85px;display:none;}
.ulproduct-1 .ulli-16{ position:absolute;	left:490px;	top:80px;}
.ulproduct-1 .ulli-17{ position:absolute;	left:620px;	top:80px;}
.ulproduct-1 .ulli-18{ position:absolute;	left:625px;	top:-8px;}
.ulproduct-1 .ulli-19{ position:absolute;	left:690px;	top:60px;}
.ulproduct-1 .ulli-20{ position:absolute;	left:720px;	top:5px; color:bule;}
.ulproduct-1 .ulli-20 p{font-weight:bold;color:blue;}
.ulproduct-1 .ulli-21{ position:absolute;	left:750px;	top:60px;}

.ulproduct-right {   position:relative;left:880px;top:20px;   list-style:none;   margin:0;   padding:0;}
.ulproduct-right .ul-li-right{width:100px;	height:15px;line-height:15px;text-align:center;font-size:10px; list-style:none;  margin:2px;  padding:0;border-radius:5px;}
.ulproduct-right .ulli-1{	position:absolute;	left:4px;	top:5px;}
.ulproduct-right .ulli-2{	position:absolute;	left:82px;	top:-25px;}
.ulproduct-right .ulli-3{	position:absolute;	left:160px;	top:30px;}
.ulproduct-right .ulli-4{	position:absolute;	left:160px;	top:120px;}
.ulproduct-right .ulli-5{	position:absolute;	left:-40px;	top:120px;}
.ulproduct-right .ulli-6{	position:absolute;	left:90px;	top:70px; font-weight:bold;color:blue;}
.ulproduct-right .ulli-7{	position:absolute;	left:100px;	top:250px;}
.ulproduct-right .ulli-8{	position:absolute;	left:270px;	top:265px;}
.ulproduct-right .ulli-9{	position:absolute;	left:55px;	top:412px;}
.ulproduct-right .ulli-10{	position:absolute;	left:122px;	top:412px;}
.ulproduct-right .ulli-11{	position:absolute;	left:190px;	top:412px;}
.ulproduct-right .ulli-12{	position:absolute;	left:-18px;	top:493px;}
.ulproduct-right .ulli-13{	position:absolute;	left:55px;	top:493px;}
.ulproduct-right .ulli-14{	position:absolute;	left:123px;	top:493px;}
.ulproduct-right .ulli-15{	position:absolute;	left:190px;	top:493px;}


.ulproduct-left {   position:relative;left:10px;top:220px;   list-style:none;   margin:0;   padding:0;}
.ulproduct-left .ul-li-left{width:100px;	height:15px;line-height:15px;text-align:center;font-size:10px; list-style:none;  margin:2px;  padding:0;border-radius:5px; position:absolute;}
.ulproduct-left .ulli-1{left:80px;	top:70px;}
.ulproduct-left .ulli-2{left:90px;	top:100px;}
.ulproduct-left .ulli-3{left:160px;	top:130px;}
.ulproduct-left .ulli-4{left:350px;	top:70px;}
.ulproduct-left .ulli-5{left:410px;	top:100px;}
.ulproduct-left .ulli-6{left:600px;	top:70px;}
.ulproduct-left .ulli-7{left:670px;	top:100px;}
.ulproduct-left .ulli-8{left:920px;	top:100px;}

.ulproduct-bottom { list-style:none;position:relative;left:10px;top:520px;    margin:0;   padding:0;}
.ulproduct-bottom .ul-li-bottom{width:100px;	height:15px;line-height:15px;text-align:center;font-size:10px; list-style:none;  margin:2px;  padding:0;border-radius:5px; position:absolute;}
.ulproduct-bottom .ulli-1{left:-20px;	top:-100px;}
.ulproduct-bottom .ulli-2{left:-50px;	top:-40px;}
.ulproduct-bottom .ulli-3{left:10px;	top:-40px;}
.ulproduct-bottom .ulli-4{left:40px;	top:-125px;}
.ulproduct-bottom .ulli-5{left:80px;	top:-40px;}
.ulproduct-bottom .ulli-6{left:160px;	top:-40px;}
.ulproduct-bottom .ulli-7{left:220px;	top:-40px;}
.ulproduct-bottom .ulli-8{left:230px;	top:-110px;}
.ulproduct-bottom .ulli-9{left:270px;	top:-130px;}
.ulproduct-bottom .ulli-10{left:280px;	top:-40px;}
.ulproduct-bottom .ulli-11{left:-20px;	top:85px;}
.ulproduct-bottom .ulli-12{left:30px;	top:1px;}
.ulproduct-bottom .ulli-13{left:50px;	top:40px;}
.ulproduct-bottom .ulli-14{left:90px;	top:85px;width:110px;}
.ulproduct-bottom .ulli-15{left:150px;	top:40px;}
.ulproduct-bottom .ulli-16{left:220px;	top:15px;}
.ulproduct-bottom .ulli-17{left:250px;	top:85px;}


.ulproduct-dianqi { list-style:none;position:relative;left:400px;top:400px;    margin:0;   padding:0;}
.ulproduct-dianqi .ul-li-dianqi{width:100px;	height:15px;line-height:15px;text-align:center;font-size:10px; list-style:none;  margin:2px;  padding:0;border-radius:5px; position:absolute;}
.ulproduct-dianqi .ulli-1{left:-25px;	top:4px;}
.ulproduct-dianqi .ulli-2{left:50px;	top:-13px;}
.ulproduct-dianqi .ulli-3{left:170px;	top:45px;}
.ulproduct-dianqi .ulli-4{left:210px;	top:0;}
.ulproduct-dianqi .ulli-5{left:310px;	top:70px;}
.ulproduct-dianqi .ulli-6{left:375px;	top:-10px;}
.ulproduct-dianqi .ulli-7{left:-25px;	top:125px;}
.ulproduct-dianqi .ulli-8{left:70px;	top:110px;;}
.ulproduct-dianqi .ulli-9{left:135px;	top:95px;}
.ulproduct-dianqi .ulli-10{left:210px;	top:90px;}
.ulproduct-dianqi .ulli-11{left:170px;	top:170px;}
.ulproduct-dianqi .ulli-12{left:200px;	top:125px;}
.ulproduct-dianqi .ulli-13{left:350px;	top:170px;}



.ulproduct .ul-li-1 p{	margin:0;    padding:0;}

.rectangle{
		position:absolute;   top:280px;   left:0; 
	}
.rectangle2{
		position:absolute;   top:235px;    left:120px; 
	}
.rectangle3{
		position:absolute;   top:190px;    left:240px; 
	}
.rectangle4{
		position:absolute;   top:145px;    left:360px; 
	}
.rectangle5{
		position:absolute;   top:101px;    left:480px; 
	}
	
	  .rectangle-line{
       position:relative;  
		left:30px;  
		top:10px;  
		width:120px;  
		height:0; 
		border-style:none; 
		border-right:15px solid transparent;  
		border-top:16px solid #be2632;
	}
	 .rectangle-line{
       position:relative;  
		left:30px;  
		top:10px;  
		width:120px;  
		height:0; 
		border-style:none; 
		border-right:15px solid transparent;  
		border-top:16px solid #be2632;
	}
	 .rectangle-line:after{
        position:absolute;  
		top:-15px;  left:0; 
		content: '';  
		width:0;  
		height:0; 
		border-style:none; 
        border-left:15px solid transparent;
        border-bottom:15px solid #be2632;
	}
	
.rectangle-column {
  position: absolute;/*控制文档位置*/
  top: 10px;
  left: 30px;
  border-style: none;
  border-top:15px solid #fff;
  border-right:15px solid #dd3c44;
  height:30px;/*控制高度与berore配合使用*/
}
.rectangle-column:before {
  position:absolute;
  left:0;
  top:30px;
  content: "";
  border-top:15px solid #dd3c44;
  border-right:15px solid transparent;
}
.gongsiulli {
	position:relative;top:5px;left:200px;height:600px;width:700px;
}
.gongsiulli ul { list-style:none; margin:0; padding:0;}
.gongsiulli ul li{list-style:none; margin:0; padding:0;}

.gongsiul ul { list-style:none; margin:0; padding:0; line-height:20px;}
.gongsiul ul li { width:120px;	list-style:none; margin:0; padding:0;}
.gongsiul ul li.li1 {position:absolute;top:270px;left:250px;}
.gongsiul ul li.li2 {position:absolute;top:320px;left:250px;}
.gongsiul ul li.li3 {position:absolute;top:225px;left:375px;}
.gongsiul ul li.li4 {position:absolute;top:275px;left:375px;}
.gongsiul ul li.li5 {position:absolute;top:180px;left:500px;}
.gongsiul ul li.li6 {position:absolute;top:230px;left:500px;}
.gongsiul ul li.li7 {position:absolute;top:130px;left:620px;}
.gongsiul ul li.li8 {position:absolute;top:185px;left:620px;}
.gongsiul ul li.li9 {position:absolute;top:90px;left:750px;}
.gongsiul ul li.li10 {position:absolute;top:140px;left:730px;}
.gongsiul ul li h3{margin:0;padding:0;border-style:none;}


.gongsilicheng {
	position:absolute;top:1px;left:5px;height:220px;width:350px;
	background:url(../images/gongsilicheng.png) no-repeat left top/350px 217px ;
}
.gongsilicheng1 {
	position:absolute;top:250px;left:5px;width:260px;height:220px;z-index:0;
	background:url(../images/gongsilicheng1.png) no-repeat left top/200px 170px;
}
.gongsilicheng2 {
	position:absolute;top:350px;left:405px;width:450px;height:220px;z-index:0;
	}
.gongsilicheng2 h3 {
	text-align:center;border-style:none;height:60px;
		background:url(../images/hongqi1.png) no-repeat right top/59px 73px;
	}